<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '
                <center>
                    <title>Crear Plantilla</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
        <script src="jquery-1.9.1.min.js"></script>
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        <link href="../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
        
        <style>
            #tabla{
                font-size: 70%;
                background-color: #E2ECEE;
                border-radius: 9px;
                border: 3px solid #CED5D7;
                border-radius: 15px;
                padding: 6px 28px 6px;
                background-color: white;
                box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 5px #EEF5F7 inset;
                
            }
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 4px 4px 4px;
                height: 30px;
                font-size: 13px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
        </style>
        
        <script>
            /*hola miguel*/
            function especialidades(){
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../ConsentimientoI/controlador/php/sql/especialidad.php",
                    success: mostrarespeci,
                    timeout: 4000
                });
            }
            function mostrarespeci(datos){
                rptn = $.parseJSON(datos);
                
                datos = $("#especialidad");
                for(datn in rptn ){
                    datos.append("<option value='"+ rptn[datn].OID +"'>"+ rptn[datn].GEEDESCRI +"</option>");
                }
                
                botonG();
            }
            function validar(){
            /*if($("#tm").val()===""){
                 alertify.alert("Digite Titulo"),function(){
                    $("#tm").focus();
                };
                return false;
            }if($("#nA").val()==="" & $("#nA2").val()==="" & $("#nA3").val()===""){
                 alertify.alert("Seleccione Procedimiento o Cirugía"),function(){
                    $("#nA").focus();
                };
                return false;
            }if($("#nAb").val()==="" & $("#nAb2").val()===""){
                 alertify.alert("Seleccione Procedimiento"),function(){
                    $("#nAb").focus();
                };
                return false;
            } if($("#nB").val()===""){
                 alertify.alert("Seleccione Anestesia"),function(){
                    $("#nB").focus();
                };
                return false;
            }if($("#nC").val()===""){
                 alertify.alert("Seleccione Riesgos Generales"),function(){
                    $("#nC").focus();
                };
                return false;
           } if($("#nD").val()===""){
                 alertify.alert("Seleccione Riesgos Específicos"),function(){
                    $("#nD").focus();
                };
                return false;
            }if($("#nE").val()==="" & $("#nE2").val()===""){
                 alertify.alert("Seleccione Riesgos Significativos"),function(){
                    $("#nE").focus();
                };
                return false;
            }if($("#nEb").val()==="" & $("#nEb2").val()==="" & $("#nEb3").val()===""){
                 alertify.alert("Seleccione Opciones de Tratamiento"),function(){
                    $("#nEb").focus();
                };
                return false;
            }if($("#precarA").val()===""){
                 alertify.alert("Digite Diagnóstico"),function(){
                    $("#precarA").focus();
                };
                return false;
            }if($("#precarg").val()===""){
                alertify.alert("Digite Procedimiento"),function(){
                 $("#precarg").focus();   
                };
                return false;
            }if($("#precarga").val()===""){
                alertify.alert("Digite Riesgos Significativos "),function(){
                  $("#precarga").focus();
                };
                return false;
             }if($("#precargEB").val()===""){
                alertify.alert("Digite Opciones de Tratamiento"),function(){
                  $("#precargEB").focus();  
                };
                return false;
              }if ($("#especialidad").val()==="Seleccione"){
                alertify.alert("Seleccione una Especialidad"), function () {
                    $("#especialidad").focus();
                };
                return false;
             }*/
             confirmar();
            }
            function validarE(){
                if($("#tm").val()===""){
                 alertify.alert("Digite Titulo"),function(){
                    $("#tm").focus();
                };
                return false;
            }if($("#nA").val()==="" & $("#nA2").val()==="" & $("#nA3").val()===""){
                 alertify.alert("Seleccione Procedimiento o Cirugía"),function(){
                    $("#nA").focus();
                };
                return false;
            }if($("#nAb").val()==="" & $("#nAb2").val()===""){
                 alertify.alert("Seleccione Procedimiento"),function(){
                    $("#nAb").focus();
                };
                return false;
            } if($("#nB").val()===""){
                 alertify.alert("Seleccione Anestesia"),function(){
                    $("#nB").focus();
                };
                return false;
           } if($("#nC").val()===""){
                 alertify.alert("Seleccione Riesgos Generales"),function(){
                    $("#nC").focus();
                };
                return false;
           } if($("#nD").val()===""){
                 alertify.alert("Seleccione Riesgos Específicos"),function(){
                    $("#nD").focus();
                };
                return false;
            }if($("#nE").val()==="" & $("#nE2").val()===""){
                 alertify.alert("Seleccione Riesgos Significativos"),function(){
                    $("#nE").focus();
                };
                return false;
            }if($("#nEb").val()==="" & $("#nEb2").val()==="" & $("#nEb3").val()===""){
                 alertify.alert("Seleccione Opciones de Tratamiento"),function(){
                    $("#nEb").focus();
                };
                return false;
            }if($("#precarA").val()===""){
                 alertify.alert("Digite Diagnóstico"),function(){
                    $("#precarA").focus();
                };
                return false;
            }if($("#precarg").val()===""){
                alertify.alert("Digite Procedimiento"),function(){
                 $("#precarg").focus();   
                };
                return false;
            }if($("#precarga").val()===""){
                alertify.alert("Digite Riesgos Significativos "),function(){
                  $("#precarga").focus();
                };
                return false;
             }if($("#precargEB").val()===""){
                alertify.alert("Digite Opciones de Tratamiento"),function(){
                  $("#precargEB").focus();  
                };
                return false;
              }if ($("#especialidad").val()==="Seleccione"){
                alertify.alert("Seleccione una Especialidad"), function () {
                    $("#especialidad").focus();
                };
                return false;
             }
             confirmarE();
             
            }
            
            function ventanaA(){
            var con = $("#contador").val();
            if (con == '0'){
               window.open("../../ConsentimientoI/vista/php/nuevoA.php","","width=900,height=425,scrollbars=yes"); 
            }else {
                var tama = document.getElementsByName("txtoidA[]");
                var listaoid = new Array();
                for(var i = 0; i < tama.length; i++){
                    listaoid[i] = document.getElementById("oidA"+i).value;
                } 
                window.open("../../ConsentimientoI/vista/php/nuevoA.php?listaoid="+listaoid+"&pos="+i,"","width=900,height=425,scrollbars=yes");
            }
        }
            function ventanaC(){
            var con = $("#contadorC").val();
            if (con == '0'){
               window.open("../../ConsentimientoI/vista/php/nuevoC.php","","width=900,height=425,scrollbars=yes"); 
            }else {
                var tama = document.getElementsByName("txtoidC[]");
                var listaoid = new Array();
                for(var i = 0; i < tama.length; i++){
                    listaoid[i] = document.getElementById("oidC"+i).value;
                } 
                window.open("../../ConsentimientoI/vista/php/nuevoC.php?listaoid="+listaoid+"&pos="+i,"","width=900,height=425,scrollbars=yes");
            }
        }
            
            function ventanaD(){
                var con = $("#contadorD").val();
                if (con == '0'){
                   window.open("../../ConsentimientoI/vista/php/nuevoD.php","","width=900,height=425,scrollbars=yes"); 
                }else{
                 var tama = document.getElementsByName("txtoidD[]");
                 var listaoid = new Array();
                 for(var i = 0; i < tama.length; i++){
                     listaoid[i] = document.getElementById("oidD"+i).value;
                 }
                 window.open("../../ConsentimientoI/vista/php/nuevoD.php?listaoid="+listaoid+"&pos="+i,"","width=900,height=425,scrollbars=yes");
             }
         }
         function ventanaE(){
             var con = $("#contadorE").val();
             if(con == 0){
                 window.open("../../ConsentimientoI/vista/php/nuevoE.php","","width=900,height=425,scrollbars=yes");
             }else{
              var tama =document.getElementsByName("txtoidE[]");
              var listaoid = new Array();
              for(var i = 0; i < tama.length; i++){
                  listaoid[i] = document.getElementById("oidE"+i).value;
              }
              window.open("../../ConsentimientoI/vista/php/nuevoE.php?listaoid="+listaoid+"&pos="+i,"","width=900,height=425,scrollbars=yes");
             }
         }
            
               
            
            
            function mostrarA(){
                if (document.getElementById("textoA1").checked == true){
                    document.getElementById("mostrarA").innerHTML ='<table style="font-size:80%">\
                                                                        <tr>\
                                                                            <td>\
                                                                                <textarea id="precarA" placeholder="texto precargado" value="" name="texprecarg" style=" width: 400px; height: 80px;"></textarea>\
                                                                            </td>\
                                                                        </tr>\
                                                                   </table>';
                document.getElementById("nA").value = 1;                                                                            
                tituloA();
                }else{
                    document.getElementById("mostrarA").innerHTML ='';
                    document.getElementById("nA").value = ""; 
                }
            }
           function mostrarA2(){
               if (document.getElementById("textoA2").checked == true){
                   document.getElementById("mostrarA2").innerHTML ='<table style="font-size:80%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
                document.getElementById("nA2").value = 1; 
                tituloA();
                }else{
                    document.getElementById("mostrarA2").innerHTML ='';
                    document.getElementById("nA2").value = ""; 
                }
            }
           function mostrarA3(){
               if(document.getElementById("textoA3").checked == true){
                    document.getElementById("mostrarA3").innerHTML ='<table style="font-size:80%">\
                                                                        <tr>\
                                                                            <td onclick="ventanaA();" style="cursor:pointer;" title="Agregar Procedimiento o Cirugía">\
                                                                                <u><b>Diagnóstico Específico</u>\
                                                                             </td>\
                                                                         </tr>\
                                                                        <tr>\
                                                                           <td>\
                                                                              <div id="datosa"></div>\
                                                                           </td>\
                                                                        </tr>\
                                                                      </table>';
                    document.getElementById("nA3").value=1;
                    tituloA();
                }else{
                     document.getElementById("mostrarA3").innerHTML='';
                     document.getElementById("nA3").value="";
                }
            }
            function mostrarA4(){
               if(document.getElementById("imagenA").checked == true){
                   document.getElementById("image").innerHTML ='<table style="font-size:80%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               <input type="file" name="adjuntoA" value="" id="adjuntoA" size="35" onchange="uploadAjaxA();"/>\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
                }else{
                    document.getElementById("image").innerHTML ='';
                    document.getElementById("imagenA2").innerHTML ='';
                    document.getElementById("rutaA").value ='';
                }
                }
              function mostrarAB(){
                  if(document.getElementById("textoAB1").checked == true){
                    document.getElementById("mostrarAB").innerHTML ='<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td>\
                                                                                <textarea id="precarg" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;"></textarea>\
                                                                            </td>\
                                                                        </tr>\
                                                                   </table>';
                    document.getElementById("nAb").value = 1;           
                    tituloAB();
                }else{
                    document.getElementById("mostrarAB").innerHTML ='';
                    document.getElementById("nAb").value = "";  
                }
            }
           function mostrarAB2(){
               if(document.getElementById("textoAB2").checked == true){
                   document.getElementById("mostrarAB2").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
              document.getElementById("nAb2").value = 1;  
              tituloAB();
                }else{
                    document.getElementById("mostrarAB2").innerHTML ='';
                    document.getElementById("nAb2").value = "";  
                }
            }
           function mostrarAB3(){
               if(document.getElementById("imagenAB").checked == true){
                   document.getElementById("imagen").innerHTML ='<table style="font-size:80%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               <input type="file" name="adjunto" value="" id="adjunto" size="35" onchange="uploadAjax();"/>\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
                }else{
                    document.getElementById("imagen").innerHTML ='';
                    document.getElementById("imagen2").innerHTML ='';
                    document.getElementById("ruta").value ='';
                }
            }
           function mostrarB(){
               if(document.getElementById("estandar").checked == true){
                    document.getElementById("mostrarB").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td>\
                                                                               <b>B.Anestesia\
                                                                            </td>\
                                                                         </tr>\
                                                                       <tr>\
                                                                           <td>\
                                                                               Recibire anestesia general y/o regional y/o <br>\
                                                                               local. Las complicaciones graves son raras y pueden ser:<br>\
                                                                                a. Problemas para respirar<br>\
                                                                                b. Da&ntilde;o cerebral<br>\
                                                                                c. lnfarto cardiaco<br>\
                                                                                d. Recuerdo de la cirugía<br>\
                                                                                e. Paro cardiaco y muerte<br>\
                                                                                El anestesiólogo  me aclarara  el procedimiento  y los riesgos<br>\
                                                                                específicos.<br>\
                                                                            </td>\
                                                                       </tr>\
                                                                    </table>';
                document.getElementById("nB").value = 1;
                }else{
                    document.getElementById("mostrarB").innerHTML ='';
                    document.getElementById("nB").value = "";
                }
            }
           function mostrarC(){
               if(document.getElementById("listaC").checked == true){
                   document.getElementById("mostrarC").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td onclick="ventanaC();" style="cursor:pointer;" title="Agregar Riesgos Generales">\
                                                                               <u><b>C. Riesgos generales de un procedimiento, cirugia o tratamiento</u>\
                                                                            </td>\
                                                                        </tr>\
                                                                        <tr>\
                                                                            <td>\
                                                                                 <div id="datosc"></div>\
                                                                            </td>\
                                                                         </tr>\
                                                                    </table>';
                document.getElementById("nC").value = 1;
                }else{
                    document.getElementById("mostrarC").innerHTML ='';
                    document.getElementById("nC").value = "";
                }
            }
           function mostrarD(){
               if(document.getElementById("listaD").checked == true){
                   document.getElementById("mostrarD").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td onclick="ventanaD();" style="cursor:pointer;" title="Agregar Riesgos Específicos del Procedimiento">\
                                                                               <u><b>D. Riesgos específicos de esta cirugía, procedimiento o tratamiento </u>\
                                                                            </td>\
                                                                         </tr>\
                                                                       <tr>\
                                                                            <td>\
                                                                                <div id="datosd"></div>\
                                                                            </td>\
                                                                       </tr>\
                                                                    </table>';
                document.getElementById("nD").value = 1;
                }else{
                    document.getElementById("mostrarD").innerHTML ='';
                    document.getElementById("nD").value = "";
                }
            }
           
           
             function mostrarE(){
                 if(document.getElementById("textoE1").checked == true){
                    document.getElementById("mostrarE").innerHTML ='<table width:100%;" style="font-size:77%">\
                                                                       <tr>\
                                                                            <td>\
                                                                                <textarea id="precarga" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;" rows="4"></textarea>\
                                                                            </td>\
                                                                        </tr>\
                                                                        <tr>\
                                                                        </tr>\
                                                                   </table>';
            document.getElementById("nE").value = 1;
           tituloE();
                }else{
                    document.getElementById("mostrarE").innerHTML ='';
                    document.getElementById("nE").value = "";
                }
            }
           function mostrarE2(){
               if(document.getElementById("textoE2").checked == true){
                    document.getElementById("mostrarE2").innerHTML ='<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________\
                                                                            </td>\
                                                                        </tr>\
                                                                   </table>';
               document.getElementById("nE2").value = 1;
              tituloE();
                }else{
                    document.getElementById("mostrarE2").innerHTML ='';
                    document.getElementById("nE2").value = "";
                }
            }
           function mostrarEB(){
               if(document.getElementById("textoEb1").checked == true){
                   document.getElementById("mostrarEB").innerHTML = '<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td>\
                                                                                <textarea id="precargEB" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;" rows="4"></textarea>\
                                                                            </td>\
                                                                        </tr>\
                                                                     </table>';
           document.getElementById('nEb').value = 1;
           tituloEB();
               }else if(document.getElementById("textoEb1").checked == false){
                   document.getElementById("mostrarEB").innerHTML = '';
                   document.getElementById('nEb').value = '';
               }
           }
           function mostrarEB2(){
               if(document.getElementById("textoEb2").checked == true){
                   document.getElementById("mostrarEB2").innerHTML = '<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________\
                                                                            </td>\
                                                                        </tr>\
                                                                     </table>';
                document.getElementById('nEb2').value = 1;
                tituloEB();
               }else{
                   document.getElementById("mostrarEB2").innerHTML = '';
                   document.getElementById('nEb2').value = '';
               }
           }
           function mostrarEB3(){
               if(document.getElementById("listaEB").checked == true){
                   document.getElementById("mostrarEB3").innerHTML = '<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td onclick="ventanaE();" style="cursor:pointer;" title="Agregar Grupos de Alto Riesgo">\
                                                                               <u><b>Grupos de Alto Riesgo:</u>\
                                                                            </td>\
                                                                         </tr>\
                                                                       <tr>\
                                                                            <td>\
                                                                                <div id="datose"></div>\
                                                                            </td>\
                                                                       </tr>\
                                                                    </table>';
                document.getElementById('nEb3').value = 1;
                tituloEB();
               }else{
                   document.getElementById("mostrarEB3").innerHTML = '';
                   document.getElementById('nEb3').value = '';
               }
           }
          
             function mostrarT(){
                 $("#titulom").html('<table  style="font-size:70%">\
                                        <tr>\
                                            <td>\
                                                <strong><i>'+ $("#tm").val() +'</i></strong>\
                                            </td>\
                                        </tr>\
                                     </table>');
             }
             
             function agregarItemsC(listaoid,listades,j){
                    $("#datosc").text("");
                    var datos = "";
                    var resp = "";
                        datos = $("#datosc");
                        var con =1;
                        for(var i = 0; i<j; i++){
                            resp += "<table style='font-size:100%'>\
                                        <tr>\
                                             <td>\
                                                  <input type='hidden' name='txtoidC[]' value='"+listaoid[i]+"' id='oidC"+ i +"'/>\
                                            </td>\
                                            <td style='font-size:90%'>\
                                                  "+ con +".\
                                             </td>\
                                            <td>\
                                                  "+ listades[i] +"\
                                            </td>\
                                        </tr>";
                            con++;    
                        }
                        $("#contadorC").attr('value',i);
                        resp += "</table>";
                        datos.append(resp);
                }
                function agregarItemsD(listaoid,listades,j){
                    $("#datosd").text("");
                    var datos = "";
                    var resp = "";
                        datos = $("#datosd");
                        var con =1;
                        for(var i = 0; i<j; i++){
                            resp += "<table style='font-size:100%'>\
                                        <tr>\
                                             <td>\
                                                  <input type='hidden' name='txtoidD[]' value='"+listaoid[i]+"' id='oidD"+ i +"'/>\
                                            </td>\
                                            <td style='font-size:90%'>\
                                                  "+ con +".\
                                             </td>\
                                            <td>\
                                                  "+ listades[i] +"\
                                            </td>\
                                        </tr>";
                            con++;    
                        }
                        $("#contadorD").attr('value',i);
                        resp += "</table>";
                        datos.append(resp);
                }
                function agregarItemsA(listaoid,listades,j){
                    $("#datosa").text("");
                    var datos = "";
                    var resp = "";
                        datos = $("#datosa");
                        var con =1;
                        for(var i = 0; i<j; i++){
                            resp += "<table style='font-size:100%'>\
                                        <tr>\
                                             <td>\
                                                  <input type='hidden' name='txtoidA[]' value='"+listaoid[i]+"' id='oidA"+ i +"'/>\
                                            </td>\
                                            <td>\
                                                  "+ con +".\
                                             </td>\
                                            <td>\
                                                  "+ listades[i] +"\
                                            </td>\
                                        </tr>";
                            con++;    
                        }
                        $("#contador").attr('value',i);
                        resp += "</table>";
                        datos.append(resp);
                }
                
                function agregarItemsE(listaoid,listades,j){
                    $("#datose").text("");
                    var datos = "";
                    var resp = "";
                        datos = $("#datose");
                        var con =1;
                        for(var i = 0; i<j; i++){
                            resp += "<table style='font-size:100%'>\
                                        <tr>\
                                             <td>\
                                                  <input type='hidden' name='txtoidE[]' value='"+listaoid[i]+"' id='oidE"+ i +"'/>\
                                            </td>\
                                            <td style='font-size:90%'>\
                                                  "+ con +".\
                                             </td>\
                                            <td>\
                                                  "+ listades[i] +"\
                                            </td>\
                                        </tr>";
                            con++;    
                        }
                        $("#contadorE").attr('value',i);
                        resp += "</table>";
                        datos.append(resp);
                }
               
                
                
                function confirmar(){
                    alertify.confirm("<p>ESTA SEGURO DE GUARDAR LA PLANTILLA</p>", function (e) {
				if (e) {
                                    GuardarPlantilla();
				} else { 
                                    $("").focus();
				}
				}); 
                                return false;
                }
                
                function GuardarPlantilla(){
                    var nombre = $("#tm").val();
                    var tipA = $("#nA").val();
                    var tipA2 = $("#nA2").val();
                    var tipA3 = $("#nA3").val();
                    var txtA = $("#precarA").val();
                    var tipAb = $("#nAb").val();
                    var tipAb2 = $("#nAb2").val();
                    var txtAb = $("#precarg").val();
                    var tipE = $("#nE").val();
                    var tipE2 = $("#nE2").val();
                    var txtE = $("#precarga").val();
                    var tipEb = $("#nEb").val();
                    var tipEb2 = $("#nEb2").val();
                    var tipEb3 = $("#nEb3").val();
                    var txtEb = $("#precargEB").val();
                    var especi = document.getElementById("especialidad").value;
                    var ruta = document.getElementById("ruta").value;
                    var rutaA = document.getElementById("rutaA").value;
                    var con = $("#contador").val();
                    var lista = new Array();
                    for(var i = 0; i<con;i++){
                        lista[i] = document.getElementById("oidA"+i).value;
                    }
                    var conC = $("#contadorC").val();
                    var listaC = new Array();
                    for (var j = 0; j<conC;j++){
                        listaC[j] = document.getElementById("oidC"+j).value;
                    }
                    var conD = $("#contadorD").val();
                    var listaD = new Array();
                    for (var l = 0; l<conD;l++){
                        listaD[l] = document.getElementById("oidD"+l).value;
                    }
                    var conE = $("#contadorE").val();
                    var listaE = new Array();
                    for (var l = 0; l<conE;l++){
                        listaE[l] = document.getElementById("oidE"+l).value;
                        
                    }
                    
                    
                       $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/guardarA.php",
                        data:{nombre:nombre,tipA:tipA,tipA2:tipA2,tipA3:tipA3,txtA:txtA,tipAb:tipAb,tipAb2:tipAb2,txtAb:txtAb,tipE:tipE,tipE2:tipE2,tipEb2:tipEb2,txtE:txtE,tipEb:tipEb,txtEb:txtEb,especi:especi,lista:lista,listaC:listaC,listaD:listaD,ruta:ruta,rutaA:rutaA,listaE:listaE,tipEb3:tipEb3},
                        success:guardaCi,
                        timeout: 4000
                        });
                    
                    }
                    function guardaCi(){
                        $("#titulom").text("");
                        $("#mostrarA").text("");
                        $("#mostrarA2").text("");
                        $("#mostrarA3").text("");
                        $("#mostrarAB").text("");
                        $("#mostrarAB2").text("");
                        $("#image").text("");
                        $("#imagenA2").text("");
                        $("#imagen").text("");
                        $("#imagen2").text("");
                        $("#mostrarB").text("");
                        $("#mostrarC").text("");
                        $("#mostrarD").text("");
                        $("#mostrarE").text("");
                        $("#mostrarE2").text("");
                        $("#mostrarEB").text("");
                        $("#mostrarEB2").text("");
                        $("#mostrarEB3").text("");
                        $("#tituloA").text("");
                        $("#tituloAB").text("");
                        $("#tituloE").text("");
                        $("#tituloEB").text("");
                        document.getElementById("especialidad").value = "Seleccione";
                        document.getElementById("tm").value = "";
                        document.getElementById("ruta").value = "";
                        document.getElementById("rutaA").value = "";
                        document.getElementById("textoA1").checked = false;
                        document.getElementById("textoA2").checked = false;
                        document.getElementById("textoA3").checked = false;
                        document.getElementById("textoAB1").checked = false;
                        document.getElementById("textoAB2").checked = false;
                        document.getElementById("imagenAB").checked = false;
                        document.getElementById("imagenA").checked = false;
                        document.getElementById("estandar").checked = false;
                        document.getElementById("listaC").checked = false;
                        document.getElementById("listaD").checked = false;
                        document.getElementById("listaEB").checked = false;
                        document.getElementById("textoE1").checked = false;
                        document.getElementById("textoE2").checked = false;
                        document.getElementById("textoEb1").checked = false;
                        document.getElementById("textoEb2").checked = false;
                        document.getElementById("nA").value = "";
                        document.getElementById("nA2").value = "";
                        document.getElementById("nA3").value = "";
                        document.getElementById("nAb").value = "";
                        document.getElementById("nAb2").value = "";
                        document.getElementById("nE").value = "";
                        document.getElementById("nE2").value = "";
                        document.getElementById("nEb").value = "";
                        document.getElementById("nEb2").value = "";
                        document.getElementById("nB").value = "";
                        document.getElementById("nC").value = "";
                        document.getElementById("nD").value = "";
                        alertify.success("La plantilla de concentimiento informado se guardo satisfactoriamente");
                    }
                function ventana(){
                window.open("../../ConsentimientoI/vista/php/plantillas.php","","width=1200,height=500,top=75,left=75,scrollbars=yes"); 
                
            }
                function agrega(oid){
                    var id= oid;
                    $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/agregarPl.php",
                        data:{id:id},
                        success:agregarPl,
                        timeout: 4000
                        });
                }
             
                 function agregarPl(datos){
                     document.getElementById("textoA1").checked = false;
                     document.getElementById("textoA2").checked = false;
                     document.getElementById("textoA3").checked = false;
                     document.getElementById("textoAB1").checked = false;
                     document.getElementById("textoAB2").checked = false;
                     document.getElementById("imagenAB").checked = false;
                     document.getElementById("imagenA").checked = false;
                     document.getElementById("estandar").checked = false;
                     document.getElementById("listaC").checked = false;
                     document.getElementById("listaD").checked = false;
                     document.getElementById("listaD").checked = false;
                     document.getElementById("textoE1").checked = false;
                     document.getElementById("textoE2").checked = false;
                     document.getElementById("textoEb1").checked = false;
                     document.getElementById("textoEb2").checked = false;
                     document.getElementById("textoA1").disabled = false;
                     document.getElementById("textoA2").disabled = false;
                     document.getElementById("textoA3").disabled = false;
                     document.getElementById("textoAB1").disabled = false;
                     document.getElementById("textoAB2").disabled = false;
                     document.getElementById("imagenAB").disabled = false;
                     document.getElementById("imagenA").disabled = false;
                     document.getElementById("estandar").disabled = false;
                     document.getElementById("listaC").disabled = false;
                     document.getElementById("listaD").disabled = false;
                     document.getElementById("listaD").disabled = false;
                     document.getElementById("textoE1").disabled = false;
                     document.getElementById("textoE2").disabled = false;
                     document.getElementById("textoEb1").disabled = false;
                     document.getElementById("textoEb2").disabled = false;
                     document.getElementById("listaEB").disabled = false;
                     document.getElementById("tm").disabled = false;
                     document.getElementById("nA").value = "";
                     document.getElementById("nA2").value = "";
                     document.getElementById("nA3").value = "";
                     document.getElementById("nAb").value = "";
                     document.getElementById("nAb2").value = "";
                     document.getElementById("nE").value = "";
                     document.getElementById("nE2").value = "";
                     document.getElementById("nEb").value = "";
                     document.getElementById("nEb2").value = "";
                     document.getElementById("nB").value = "";
                     document.getElementById("nC").value = "";
                     document.getElementById("nD").value = "";
                     rpt = $.parseJSON(datos);
                     for (dat in rpt) {
                     document.getElementById("codplantilla").value = rpt[dat].oid;
                     var codpl = rpt[dat].oid;
                     if(codpl ==1){
                      document.getElementById("tituloA").innerHTML ='<b>A.LAS TÉCNICAS ANESTÉSICAS M�?S COMÚNMENTE UTILIZADAS SON:<br><br>';
                       document.getElementById("mostrarA3").innerHTML ='<b><font size=1>Anestesia Local:</b><br><br>\
                                                                       <p align="justify">Produce entumecimiento de una pequeña área del cuerpo,\
                                                                       inyectando anéstesicos en el área.<br><br></p>\
                                                                       <b>Sedacíon/Analgesia Asistida:</b><br><br>\
                                                                       <p align="justify">Durante la cual el paciente recibe medicaciones que le alivian\
                                                                       el dolor y le producen sedación. Sus signos vitales son vigilados por el \
                                                                       anestesiólogo constantemente.</p><br><br>\
                                                                       <b>Anestesia Regional:</b><br><br>\
                                                                       <table>\
                                                                            <tr>\
                                                                                <td style="font-size:77%">\
                                                                                <p align="justify">Que incluye raquídea o espinal, bloqueos epidurales\
                                                                                   o de extremidades o de áreas extensas. La raquídea y epidural interrumpen\
                                                                                   la sensación en las piernas y abdomen, inyectando anestésicos cerca a la \
                                                                                   médula espinal en la columna vertebral.</p>\
                                                                                </td>\
                                                                                <td>\
                                                                                     <img src="../imagen/plAneste.JPG" width="80" height="80" alt="plAneste"/>\
                                                                                </td>\
                                                                            </tr>\
                                                                       </table>';
                     document.getElementById("mostrarB").innerHTML='<b><font size=1>Anestesia General:</b><br><br>\
                                                                     <p align="justify">Se induce un sueño profundo hasta perder la conciencia, la sensación\
                                                                     del dolor y la respuesta protectora de la via aérea. Se coloca un dispositivo en su boca\
                                                                     para asegurar la via aérea.<br><br>El anestesiólogo es un médico especialista\
                                                                     quien cuidará de su salud durante el procedimiento y es él, quien selecciona el procedimiento\
                                                                     ideal para su caso, teniendo en cuenta su estado de salud previa y el tiempo de cirugía.<br><br>\
                                                                     Durante la cirugía se le colocarán monitores para vigilar su presión, latidos\
                                                                     cardiacos niveles de oxígeno de la sangre y otros signos vitales.<br><br></p>';
                                                                                     
                     document.getElementById("mostrarC").innerHTML='<b><font size=1>B.RIESGOS ESPEC�?FICOS DE ESTE PROCEDIMIENTO:</b><br><br>\
                                                                    <p align="justify">1.Da&ntilde;o  de algún diente durante la colocación del tubo\
                                                                    u otro dispositivo para proteger la via aérea.</p>\
                                                                    <p align="justify">2.Paso del contenido del estómago al pulmon, por vómito mientras\
                                                                    se duerma o despierta.</p>\
                                                                    <p align="justify">3.Reacciones alérgicas a medicamentos esenciales para la anestesia. Los expertos\
                                                                    desaconsejan la práctica de pruebas de alergia a anestésicos, ya que las pruebas no están\
                                                                    libres de riesgo y no aseguran evitar una reacción adversa.</p>\
                                                                    <p align="justify">4.Laringoespasmo y broncoespasmo por manipulació de la via aérea.\
                                                                    Colapso de pequeñas aréas del pulmón.</p>';
                                                                                    
                     document.getElementById("mostrarD").innerHTML='<p align="justify"><font size=1>5.Ronquera en el postoperatorio y dolor de garganta.</p>\
                                                                    <p align="justify">6.Náuseas y vómitos.</p>\
                                                                    <p align="justify">8.Lesiones nerviosas por presión</p>\
                                                                    <p align="justify">9.Arritmias, hipotensión, hipertensión.</p>\
                                                                    <p align="justify">10.Zonas de presión en la piel.</p>\
                                                                    <p align="justify">11.Úlcera de córnea, ceguera por lesión oftálmica. muy raro</p>\
                                                                    <p align="justify">12.Complicaciones graves raras como:<br>\
                                                                    Da&ntilde;o  cerebral, infarto, recuerdo, de la cirugía embolismo pulmonar, muerte o paro cardiaco</p>\
                                                                    <p align="justify">13.Dificultad para intubarle, que podria requerir una medida de emergenicia como:\
                                                                    cricotirotomía o traqueostomia urgente.</p>\
                                                                    <p align="justify">14.Descompensación de enfermedades previas.</p><br><br>';
                                                                                    
                     document.getElementById("mostrarE").innerHTML='<b><font size=1>EN CASO DE ANESTESIA REGIONAL:</b><br><br>\
                                                                    <p align="justify">1.Dolor de cabeza después del procedimiento (1/150 procedimientos).</p>\
                                                                    <p align="justify">2.Hipotensión y bradicardía por bloqueo del sistema simpático.</p>\
                                                                    <p align="justify">3.Dificultad para orinar</p>\
                                                                    <p align="justify">4.Falla en la té;cnica, bloqueos incompletos, dolor.</p>\
                                                                    <p align="justify">5.Convulsiones. De 1 en 9.000 procedimientod.</p>\
                                                                    <p align="justify">6.Dolor en la zona de punción u hormigueo en las extremidades.</p>\
                                                                    <p align="justify">7.Hematoma hepidural o subdural, muy raro, de 1 en 150.000. Puede tener seculas\
                                                                    neurológicas, como pérdida de la fuerza en las extremidades.</p>\
                                                                    <p align="justify">8.Meningitis y abseso epidural.</p>\
                                                                    <p align="justify">9.Alteración en el trabajo de parto, si se usó; epidural analgésica.</p>\
                                                                    <p align="justify">10.Infección en sitio de punción.</p>\
                                                                    <p align="justify">11.Otras complicaciones neurológicas como síndrome de arteria espinal\
                                                                    y síndrome de cauda equina.</p>\
                                                                    <p align="justify">12.Toxidad sistémica por anestésico.<br><br></p>';
                                                                                    
                     document.getElementById("mostrarEB2").innerHTML='<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________<br>\
                                                                               ______________________________________________________\
                                                                            </td>\
                                                                        </tr>\
                                                                   </table>';
                     document.getElementById("textoA1").disabled = true;
                     document.getElementById("textoA2").disabled = true;
                     document.getElementById("textoA3").disabled = true;
                     document.getElementById("textoAB1").disabled = true;
                     document.getElementById("textoAB2").disabled = true;
                     document.getElementById("imagenAB").disabled = true;
                     document.getElementById("imagenA").disabled = true;
                     document.getElementById("estandar").disabled = true;
                     document.getElementById("listaC").disabled = true;
                     document.getElementById("listaD").disabled = true;
                     document.getElementById("listaD").disabled = true;
                     document.getElementById("textoE1").disabled = true;
                     document.getElementById("textoE2").disabled = true;
                     document.getElementById("textoEb1").disabled = true;
                     document.getElementById("textoEb2").disabled = true;
                     document.getElementById("listaEB").disabled = true;
                     document.getElementById("tm").disabled = true;
                     $("#boton").text("");
                     tituloEB();
                     }else{
                     document.getElementById("tm").value = rpt[dat].plnombre;  
                     mostrarT();
                     var tipoa = rpt[dat].pltipoaa;
                     if (tipoa == 1){
                         tipoa ='<table style="font-size:80%">\
                                    <tr>\
                                        <td>\
                                            <textarea id="precarA" placeholder="texto precargado" value="" name="texprecarg" style=" width: 400px; height: 80px;">'+rpt[dat].plprecargaa;+'</textarea>\
                                        </td>\
                                    </tr>\
                               </table>';
                     tituloA();
                     $("#mostrarA").html(tipoa); 
                     document.getElementById("nA").value = rpt[dat].pltipoaa;
                     document.getElementById("textoA1").checked = true;
                     }else{
                          document.getElementById("textoA1").checked = false;
                          $("#mostrarA").html(""); 
                     }
                     var tipoaab = rpt[dat].pltipoaab;
                     if(tipoaab == 1){
                         tipoaab ='<table style="font-size:80%">\
                                       <tr>\
                                           <td>\
                                               ______________________________________________________<br>\
                                               ______________________________________________________<br>\
                                               ______________________________________________________<br>\
                                               ______________________________________________________\
                                           </td>\
                                       </tr>\
                                    </table>';
                     tituloA();
                     $("#mostrarA2").html(tipoaab); 
                     document.getElementById("nA2").value = rpt[dat].pltipoaab;
                     document.getElementById("textoA2").checked = true;
                     }else{
                         document.getElementById("textoA2").checked = false;
                         $("#mostrarA2").html(""); 
                     }
                     var tipoaac = rpt[dat].pltipoaac;
                     if(tipoaac == 1){
                         tipoaac ='<table style="font-size:80%">\
                                            <tr>\
                                                <td onclick="ventanaA();" style="cursor:pointer;" title="Agregar Procedimiento o Cirugía">\
                                                    <u><b>Diagnóstico Específico</u>\
                                                 </td>\
                                             </tr>\
                                            <tr>\
                                               <td>\
                                                  <div id="datosa"></div>\
                                               </td>\
                                            </tr>\
                                          </table>';
                     listaA();
                     tituloA();
                     $("#mostrarA3").html(tipoaac); 
                     document.getElementById("nA3").value = rpt[dat].pltipoaab;
                     document.getElementById("textoA3").checked = true;
                     }else{
                         document.getElementById("textoA3").checked = false;
                         $("#mostrarA3").html(""); 
                     }
                     var rutaA= rpt[dat].plrutaimga;
                     if (rutaA == " "){
                         document.getElementById("imagenA2").innerHTML='';
                         document.getElementById("rutaA").value= "";
                         document.getElementById("image").innerHTML='';
                     }else{
                         document.getElementById("image").innerHTML='<table style="font-size:80%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               <input type="file" name="adjuntoA" value="" id="adjuntoA" size="35" onchange="uploadAjaxA();"/>\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
                         uploadAjaxA();
                         imagenA();
                         document.getElementById("rutaA").value= rutaA;
                         document.getElementById("imagenA").checked = true;
                     }
                     var tipoaba = rpt[dat].pltipoaba;
                     if(tipoaba == 1){
                         tipoaba ='<table style="font-size:77%">\
                                        <tr>\
                                            <td>\
                                                <textarea id="precarg" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;">'+rpt[dat].plprecargab+'</textarea>\
                                            </td>\
                                        </tr>\
                                   </table>';
                     tituloAB();
                     $("#mostrarAB").html(tipoaba); 
                     document.getElementById("nAb").value = rpt[dat].pltipoaba;
                     document.getElementById("textoAB1").checked = true;
                     }else{
                         document.getElementById("textoAB1").checked = false;
                         $("#mostrarAB").html(""); 
                 }
                 var tipoabb =rpt[dat].pltipoabb;
                 if(tipoabb == 1){
                     tipoabb ='<table style="font-size:77%">\
                                   <tr>\
                                       <td>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________\
                                       </td>\
                                   </tr>\
                              </table>';
                     tituloAB();
                     $("#mostrarAB2").html(tipoabb); 
                     document.getElementById("nAb2").value = rpt[dat].pltipoabb;
                     document.getElementById("textoAB2").checked = true;
                 }
                 else{
                    document.getElementById("textoAB2").checked = false;
                    $("#mostrarAB2").html(""); 
                }
                var ruta= rpt[dat].plrutaimgab;
                     if (ruta == " "){
                         document.getElementById("imagen2").innerHTML='';
                         document.getElementById("ruta").value= "";
                         document.getElementById("imagen").innerHTML='';
                     }else{
                         document.getElementById("imagen").innerHTML='<table style="font-size:80%">\
                                                                       <tr>\
                                                                           <td>\
                                                                               <input type="file" name="adjunto" value="" id="adjunto" size="35" onchange="uploadAjax();"/>\
                                                                           </td>\
                                                                       </tr>\
                                                                    </table>';
                         uploadAjax();
                         imagen();
                         document.getElementById("ruta").value= ruta;
                         document.getElementById("imagenAB").checked = true;
                     }
                     document.getElementById("nB").value = 1;
                     document.getElementById("mostrarB").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td>\
                                                                               <b>B.Anestesia\
                                                                            </td>\
                                                                         </tr>\
                                                                       <tr>\
                                                                           <td>\
                                                                               Recibire anestesia general y/o regional y/o <br>\
                                                                               local. Las complicaciones graves son raras y pueden ser:<br>\
                                                                                a. Problemas para respirar<br>\
                                                                                b. Da&ntilde;o cerebral<br>\
                                                                                c. lnfarto cardiaco<br>\
                                                                                d. Recuerdo de la cirugía<br>\
                                                                                e. Paro cardiaco y muerte<br>\
                                                                                El anestesiólogo  me aclarara  el procedimiento  y los riesgos<br>\
                                                                                específicos.<br>\
                                                                            </td>\
                                                                       </tr>\
                                                                    </table>';
                    document.getElementById("estandar").checked = true;
                    document.getElementById("nC").value = 1;
                    document.getElementById("mostrarC").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td onclick="ventanaC();" style="cursor:pointer;" title="Agregar Riesgos Generales">\
                                                                               <u><b>C. Riesgos generales de un procedimiento, cirugia o tratamiento</u>\
                                                                            </td>\
                                                                        </tr>\
                                                                        <tr>\
                                                                            <td>\
                                                                                 <div id="datosc"></div>\
                                                                            </td>\
                                                                         </tr>\
                                                                    </table>';
                   listaC();
                   document.getElementById("listaC").checked = true;
                   document.getElementById("nD").value = 1;
                   document.getElementById("mostrarD").innerHTML ='<table style="font-size:77%">\
                                                                       <tr>\
                                                                            <td onclick="ventanaD();" style="cursor:pointer;" title="Agregar Riesgos Específicos del Procedimiento">\
                                                                               <u><b>D. Riesgos específicos de esta cirugía, procedimiento o tratamiento </u>\
                                                                            </td>\
                                                                         </tr>\
                                                                       <tr>\
                                                                            <td>\
                                                                                <div id="datosd"></div>\
                                                                            </td>\
                                                                       </tr>\
                                                                    </table>';
                 listaD();
                 document.getElementById("listaD").checked = true;
                 var tipoec = rpt[dat].pltipoebc;
                     if(tipoec == 1){
                         tipoec ='<table style="font-size:77%">\
                                            <tr>\
                                                <td onclick="ventanaE();" style="cursor:pointer;" title="Agregar Grupos de Alto Riesgo">\
                                                    <u><b>Grupos de Alto Riesgo:</u>\
                                                </td>\
                                             </tr>\
                                            <tr>\
                                               <td>\
                                                  <div id="datose"></div>\
                                               </td>\
                                            </tr>\
                                          </table>';
                     listaE();
                     tituloE();
                     $("#mostrarEB3").html(tipoec); 
                     document.getElementById("nEb3").value = rpt[dat].pltipoaab;
                     document.getElementById("listaEB").checked = true;
                     }else{
                         document.getElementById("listaEB").checked = false;
                         $("#mostrarEB3").html(""); 
                     }
                 var tipoea = rpt[dat].pltipoea;
                 if(tipoea == 1){
                     tipoea ='<table width:100%;" style="font-size:77%">\
                                   <tr>\
                                        <td>\
                                            <textarea id="precarga" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;" rows="4">'+rpt[dat].plprecargea+'</textarea>\
                                        </td>\
                                    </tr>\
                                    <tr>\
                                    </tr>\
                               </table>';
                    tituloE();
                     $("#mostrarE").html(tipoea); 
                     document.getElementById("nE").value = rpt[dat].pltipoea;
                     document.getElementById("textoE1").checked = true;
                 }else{
                     document.getElementById("textoE1").checked = false;
                    $("#mostrarE").html(""); 
                 }
                 var tipoeab = rpt[dat].pltipoeab;
                 if(tipoeab == 1){
                     tipoeab ='<table style="font-size:77%">\
                                    <tr>\
                                        <td>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________\
                                        </td>\
                                    </tr>\
                               </table>';
                   tituloE();
                     $("#mostrarE2").html(tipoeab); 
                     document.getElementById("nE2").value = rpt[dat].pltipoeab;
                     document.getElementById("textoE2").checked = true;
                     
                 }else{
                     document.getElementById("textoE2").checked = false;
                     $("#mostrarE2").html(""); 
                 }
                 var tipoeba = rpt[dat].pltipoeba;
                 if(tipoeba == 1){
                     tipoeba ='<table style="font-size:77%">\
                                    <tr>\
                                        <td>\
                                            <textarea id="precargEB" placeholder="texto precargado" value="" name="texprecarg" style="width: 400px; height: 80px;" rows="4">'+rpt[dat].plprecargeb+'</textarea>\
                                        </td>\
                                    </tr>\
                               </table>';
                     tituloEB();
                     $("#mostrarEB").html(tipoeba); 
                     document.getElementById("nEb").value = rpt[dat].pltipoeba;
                     document.getElementById("textoEb1").checked = true;
                 }else{
                     document.getElementById("textoEb1").checked = false;
                     $("#mostrarEB").html(""); 
                 }
                 var tipoebb = rpt[dat].pltipoebb;
                 if(tipoebb == 1){
                     tipoebb ='<table style="font-size:77%">\
                                    <tr>\
                                        <td>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________<br>\
                                           ______________________________________________________\
                                        </td>\
                                    </tr>\
                               </table>';
                     tituloEB();
                     $("#mostrarEB2").html(tipoebb); 
                     document.getElementById("nEb2").value = rpt[dat].pltipoebb;
                     document.getElementById("textoEb2").checked = true;
                 }else{
                     document.getElementById("textoEb2").checked = false;
                     $("#mostrarEB2").html("");
                 }
                 document.getElementById("especialidad").value = rpt[dat].plespecia;
                 botonE();
             }
             
            }
             
           }
               function listaA(){
                   var oid = $("#codplantilla").val();
                   $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/listaA.php",
                        data:{oid:oid},
                        success:listaA2,
                        timeout: 4000
                        });
                }
                function listaA2(datos){
                    rpt = $.parseJSON(datos);
                    var resp = "";
                    datos = $("#datosa");
                    resp += "<table style='font-size:100%'>";
                     var i=0;
                     var con=1;
                     for(dat in rpt){
                         resp += '<tr>\
                                      <td>\
                                        <input type="hidden" name="txtoidA[]" value="'+rpt[dat].oid+'" id="oidA'+i+'"/>\
                                      </td>\
                                      <td>\
                                        '+ con +'.\
                                      </td>\
                                      <td>\
                                        '+ rpt[dat].didescri +'\
                                      </td>\
                                    </tr>\ ';
                           con++;
                           i++;
                     } 
                     $("#contador").attr('value',i);
                     resp += "</table>"; 
                     datos.append(resp);
                }
                function listaC(){
                    var oid = $("#codplantilla").val();
                   $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/listaC.php",
                        data:{oid:oid},
                        success:listaC2,
                        timeout: 4000
                        });
                }
                function listaC2(datos){
                    rpt = $.parseJSON(datos);
                    var resp = "";
                    datos = $("#datosc");
                    resp += "<table style='font-size:100%'>\ ";
                     var i=0;
                     var con=1;
                     for(dat in rpt){
                         resp += '<tr>\
                                      <td>\
                                        <input type="hidden" name="txtoidC[]" value="'+rpt[dat].oid+'" id="oidC'+i+'"/>\
                                      </td>\
                                      <td style="font-size:90%">\
                                        '+ con +'.\
                                      </td>\
                                      <td>\
                                        '+ rpt[dat].ridescri +'\
                                      </td>\
                                    </tr>\ ';
                           con++;
                           i++;
                     } 
                     $("#contadorC").attr('value',i);
                     resp += "</table>"; 
                     datos.append(resp);
                     
                }
                 function listaD(){
                    var oid = $("#codplantilla").val();
                   $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/listaD.php",
                        data:{oid:oid},
                        success:listaD2,
                        timeout: 4000
                        });
                }
                function listaD2(datos){
                    rpt = $.parseJSON(datos);
                    var resp = "";
                    datos = $("#datosd");
                    resp += "<table style='font-size:100%'>\ ";
                     var i=0;
                     var con=1;
                     for(dat in rpt){
                         resp += '<tr>\
                                      <td>\
                                        <input type="hidden" name="txtoidD[]" value="'+rpt[dat].oid+'" id="oidD'+i+'"/>\
                                      </td>\
                                      <td style="font-size:90%">\
                                        '+ con +'.\
                                      </td>\
                                      <td>\
                                        '+ rpt[dat].ridescri +'\
                                      </td>\
                                    </tr>\ ';
                           con++;
                           i++;
                     } 
                     $("#contadorD").attr('value',i);
                     resp += "</table>"; 
                     datos.append(resp);
                }
                 function listaE(){
                    var oid = $("#codplantilla").val();
                   $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/listaE.php",
                        data:{oid:oid},
                        success:listaE2,
                        timeout: 4000
                        });
                }
                function listaE2(datos){
                    rpt = $.parseJSON(datos);
                    var resp = "";
                    datos = $("#datose");
                    resp += "<table style='font-size:100%'>\ ";
                     var i=0;
                     var con=1;
                     for(dat in rpt){
                         resp += '<tr>\
                                      <td>\
                                        <input type="hidden" name="txtoidE[]" value="'+rpt[dat].oid+'" id="oidE'+i+'"/>\
                                      </td>\
                                      <td style="font-size:90%">\
                                        '+ con +'.\
                                      </td>\
                                      <td>\
                                        '+ rpt[dat].grdescri +'\
                                      </td>\
                                    </tr>\ ';
                           con++;
                           i++;
                     } 
                     $("#contadorE").attr('value',i);
                     resp += "</table>"; 
                     datos.append(resp);
                }
                function confirmarE(){
                    alertify.confirm("<p>ESTA SEGURO DE EDITAR LA PLANTILLA</p>", function (e) {
				if (e) {
                                    editar();
                                    botonG();
				} else { 
                                    $("").focus();
				}
				}); 
                                return false;
                }
                function editar(){
                    var oidpl = $("#codplantilla").val();
                    var nombre = $("#tm").val();
                    var tipA = $("#nA").val();
                    var tipA2 = $("#nA2").val();
                    var tipA3 = $("#nA3").val();
                    var txtA = $("#precarA").val();
                    var tipAb = $("#nAb").val();
                    var tipAb2 = $("#nAb2").val();
                    var txtAb = $("#precarg").val();
                    var tipE = $("#nE").val();
                    var tipE2 = $("#nE2").val();
                    var txtE = $("#precarga").val();
                    var tipEb = $("#nEb").val();
                    var tipEb2 = $("#nEb2").val();
                    var tipEb3 = $("#nEb3").val();
                    var txtEb = $("#precargEB").val();
                    var especi = document.getElementById("especialidad").value;
                    var ruta = document.getElementById("ruta").value;
                    var rutaA = document.getElementById("rutaA").value;
                    if(tipA3==1){
                       var con = $("#contador").val();
                        var lista = new Array();
                        for(var i = 0; i<con;i++){
                        lista[i] = document.getElementById("oidA"+i).value;
                     }
                 }
                    var conC = $("#contadorC").val();
                    var listaC = new Array();
                    for (var j = 0; j<conC;j++){
                        listaC[j] = document.getElementById("oidC"+j).value;
                    }
                    var conD = $("#contadorD").val();
                    var listaD = new Array();
                    for (var l = 0; l<conD;l++){
                        listaD[l] = document.getElementById("oidD"+l).value;
                    }
                    if(tipEb3==1){
                       var conE = $("#contadorE").val();
                       var listaE = new Array();
                       for(var l = 0; l<conE;l++){
                       listaE[l] = document.getElementById("oidE"+l).value;
                     }
                 }
                   $.ajax({
                        async: true,
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url:"../../ConsentimientoI/controlador/php/sql/editarPl.php",
                        data:{oidpl:oidpl,nombre:nombre,tipA:tipA,tipA2:tipA2,tipA3:tipA3,txtA:txtA,tipAb:tipAb,tipAb2:tipAb2,txtAb:txtAb,tipE:tipE,tipE2:tipE2,tipEb2:tipEb2,txtE:txtE,tipEb:tipEb,txtEb:txtEb,especi:especi,lista:lista,listaC:listaC,listaD:listaD,ruta:ruta,rutaA:rutaA,listaE:listaE,tipEb3:tipEb3},
                        success:editar2,
                        timeout: 4000
                        });
                }
                function editar2(){
                        $("#titulom").text("");
                        $("#mostrarA").text("");
                        $("#mostrarA2").text("");
                        $("#mostrarA3").text("");
                        $("#mostrarAB").text("");
                        $("#mostrarAB2").text("");
                        $("#image").text("");
                        $("#imagenA2").text("");
                        $("#imagen").text("");
                        $("#imagen2").text("");
                        $("#mostrarB").text("");
                        $("#mostrarC").text("");
                        $("#mostrarD").text("");
                        $("#mostrarE").text("");
                        $("#mostrarE2").text("");
                        $("#mostrarEB").text("");
                        $("#mostrarEB2").text("");
                        $("#mostrarEB3").text("");
                        $("#tituloA").text("");
                        $("#tituloAB").text("");
                        $("#tituloE").text("");
                        $("#tituloEB").text("");
                        document.getElementById("especialidad").value = "Seleccione";
                        document.getElementById("tm").value = "";
                        document.getElementById("ruta").value = "";
                        document.getElementById("rutaA").value = "";
                        document.getElementById("textoA1").checked = false;
                        document.getElementById("textoA2").checked = false;
                        document.getElementById("textoA3").checked = false;
                        document.getElementById("textoAB1").checked = false;
                        document.getElementById("textoAB2").checked = false;
                        document.getElementById("imagenAB").checked = false;
                        document.getElementById("imagenA").checked = false;
                        document.getElementById("estandar").checked = false;
                        document.getElementById("listaC").checked = false;
                        document.getElementById("listaD").checked = false;
                        document.getElementById("listaEB").checked = false;
                        document.getElementById("textoE1").checked = false;
                        document.getElementById("textoE2").checked = false;
                        document.getElementById("textoEb1").checked = false;
                        document.getElementById("textoEb2").checked = false;
                        document.getElementById("nA").value = "";
                        document.getElementById("nA2").value = "";
                        document.getElementById("nA3").value = "";
                        document.getElementById("nAb").value = "";
                        document.getElementById("nAb2").value = "";
                        document.getElementById("nE").value = "";
                        document.getElementById("nE2").value = "";
                        document.getElementById("nEb").value = "";
                        document.getElementById("nEb2").value = "";
                        document.getElementById("nEb3").value = "";
                        document.getElementById("nB").value = "";
                        document.getElementById("nC").value = "";
                        document.getElementById("nD").value = "";
                        alertify.success("La plantilla de concentimiento informado se edito satisfactoriamente");
                }
                function botonG(){
                    document.getElementById("boton").innerHTML = '<input type="button" class="white" value="Guardar Plantilla" onclick="validar();"/>';
                }
                
                function botonE(){
                    document.getElementById("boton").innerHTML = '<input type="button" class="white" value="Editar Plantilla" onclick="validarE();"/>';
                }
                function uploadAjax(){
                var inputFileImage = document.getElementById('adjunto');
                var file = inputFileImage.files[0];
                var data = new FormData();
                data.append('archivo',file);
                var url = 'archivo.php';
                $.ajax({
                    url:url,
                    type:'POST',
                    dataType: "json",
                    contentType:false,
                    data:data,
                    processData:false,
                    success: subir
                });
            }
            function subir(men){
                if(men.msg == null) {
                    document.getElementById("ruta").value = men.ruta;
                }else{
                    //alertify.error(men.msg);
                }
                imagen();
            }
            function imagen(){
                var img = $("#ruta").val();
                $("#imagen2").html('<img src="'+ img +'" width="80" height="80"/>');

            }
            function uploadAjaxA(){
                var inputFileImage = document.getElementById('adjuntoA');
                var file = inputFileImage.files[0];
                var data = new FormData();
                data.append('archivo',file);
                var url = 'archivo.php';
                $.ajax({
                    url:url,
                    type:'POST',
                    dataType: "json",
                    contentType:false,
                    data:data,
                    processData:false,
                    success: subirA
                });
            }
            function subirA(men){
                if(men.msg == null) {
                    document.getElementById("rutaA").value = men.ruta;
                }else{
                    //alertify.error(men.msg);
                }
               imagenA();
            }
            function imagenA(){
                var img = $("#rutaA").val();
                $("#imagenA2").html('<img src="'+ img +'" width="80" height="80"/>');

            }
           
            function tituloA(){
                document.getElementById("tituloA").innerHTML='<b>A.Procedimiento, cirugía o tratamiento</b><br>\
                                                              Me han explicado que tengo el siguiente diagnóstico:';
            }
            function tituloAB(){
                document.getElementById("tituloAB").innerHTML='Me será realizado el siguiente procedimiento:';
            }
            function tituloE(){
                document.getElementById("tituloE").innerHTML='<b>E.Riesgos significativos y opciones de tratamiento</b><br>\
                                                              Opcion al tratamiento:';
            }
            function tituloEB(){
                document.getElementById("tituloEB").innerHTML='<p align="justify">Me ha explicado cualquier riesgo\
                                                                significativo y los riesgos de NO hacerme este\
                                                                procedimiento. También otras opciones\
                                                                de tratamiento. Mis problemas específicos son:</p>';
            }
            
        </script>
        
    </head>
    <body onload="especialidades();">
        <table height="60%" >
             <tr>
                <td>
                    <table id="tabla">
                        <tr>
                            <td>
                                <input id='tm' placeholder='   PROCEDIMIENTO' title='digite aqui la descripcion del procedimiento' name="txtTitulom" type="text" value="" style="width: 100%;text-transform:uppercase;" onchange="mostrarT();"  >
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <b><i>Procedimiento, cirugía o tratamiento:</i></b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                               <input type="checkbox" name="cbpartea" id="textoA3" value="" onchange="mostrarA3();"/>
                               Diagnóstico Específico
                           </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="cbpartea" id="textoA1" value="" onchange="mostrarA();"/>
                                Texto Precargado
                            </td>
                       </tr>
                       <tr>
                           <td>
                                <input type="checkbox" name="cbpartea" id="textoA2" value="" onchange="mostrarA2();"/>
                                Campo de Texto
                            </td>
                       </tr>
                       <tr>
                           <td>
                                <input type="checkbox" name="cbimagenA" id="imagenA" value="" onchange="mostrarA4();"/>
                                Imagen
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Procedimiento:</i>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoAb" id="textoAB1" value="" onchange="mostrarAB();"/>
                               Texto Precargado
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoAb" id="textoAB2" value="" onchange="mostrarAB2();"/>
                               Campo de Texto
                           </td>
                       </tr>
                       <tr>
                          <td>
                              <input type="checkbox" name="cbimagenB" id="imagenAB" value="" onchange="mostrarAB3();"/>
                               Imagen
                          </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Anestesia:</i></b>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbestandar" id="estandar" value="" onchange="mostrarB();"/>
                               Texto Estandar
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Riesgos generales:</i></b>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cblistaA" id="listaC" value="" onchange="mostrarC();"/>
                              Lista
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Riesgos específicos:</i></b>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextod" id="listaD" value="" onchange="mostrarD();"/>
                               Lista
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Riesgos significativos:</i></b>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoE" id="textoE1" value="" onchange="mostrarE();"/>
                               Texto Precargado
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoE" id="textoE2" value="" onchange="mostrarE2();"/>
                               Campo De Texto
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <b><i>Opciones de tratamiento:</i></b>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoEb" id="listaEB" value="" onchange="mostrarEB3();"/>
                               Lista
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoEb" id="textoEb1" value="" onchange="mostrarEB();"/>
                               Texto Precargado
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <input type="checkbox" name="cbtextoEb" id="textoEb2" value="" onchange="mostrarEB2();"/>
                               Campo De Texto
                           </td>
                       </tr>
                   </table>
                </td>
                <td></td>
                <td></td>
                <td>
                    <div  align="center" style="background:linear-gradient(#B5B5B5, #e8eaeb); width:950px; height:5%;border-radius: 5px 5px 0px 0px"><label style='padding-top: 1px;'>VISTA PREVIA</label></div>
                    <div id="todo" style="background-color:white; overflow-y: scroll;width:950px;height:440px;">
                        <table style='width: 100%;padding-top: 1%;font-size: 85%'>
                            <tr>
                                <td align='center'>
                                    MODELO CONSENTIMIENTO INFORMADO<br>SERVICIOS ESPECIALES DE SALUD 
                                </td>
                            </tr>
                        </table>
                        <div style="display: table;padding: 12px 12px 12px;">
                            <div style="display: table-row">
                                    <div style="display: table-cell;">
                                        <table>
                                            <tr>
                                                <td style="font-size:100%">
                                                    <div style="text-transform:uppercase" id='titulom'></div></br>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size:77%">
                                                    <div id="tituloA"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div id="mostrarA3"  style="font-size: 90%;"></div>
                                                    <div id="mostrarA"  style="font-size: 90%;"></div>
                                                    <div id="mostrarA2"  style="font-size: 90%;"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div id="image"></div>
                                                    <div id="imagenA2" align="center"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size:77%">
                                                    <div id="tituloAB"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div id="mostrarAB"></div>
                                                    <div id="mostrarAB2"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div id="imagen"></div>
                                                    <div id="imagen2" align="center"></div>
                                                </td>
                                            </tr>
                                        </table>
                                        <div id="mostrarB"></div>
                                        <div id="mostrarC"></div>
                                    </div>
                                    <div style="display: table-cell;width: 10px;"></div>
                                    <div style="display: table-cell;">
                                    <div id="mostrarD"></div>
                                    <div style="font-size:77%" id="tituloE"></div>
                                    <div id="mostrarE"></div>
                                    <div id="mostrarE2"></div>
                                    <div style="font-size:77%" id="tituloEB"></div>
                                    <div id="mostrarEB3"></div>
                                    <div id="mostrarEB"></div>
                                    <div id="mostrarEB2"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                     <div align="center" style="background:linear-gradient(#e8eaeb, #B5B5B5); padding:-1%; width:950px;height:10% ;border-radius: 0px 0px 5px 5px">
                         <table style ="width:100%">
                             <tr>
                                 <td style="width:35.5%">
                                     <div align="left" style="font-size:70%;">Especialidad:
                                           <select name="cbespecialidad" id="especialidad">
                                           <option>Seleccione</option>
                                           </select>
                                     </div>
                                 </td>
                                 <td style="width:10%">
                                     <div align="left" id="boton"></div>
                                 </td>
                                 <td>
                                    <input type="button" class="white" value="Limpiar" onclick="window.location.reload();"/>
                                </td>
                                 <td align="right">
                                     <div><img src="../imagen/lista.png" width="50" height="50" alt="lista" title="ver plantillas" onclick="ventana();"/></div>
                                 </td>
                             </tr>
                         </table>
                     </div>
                </td>
            </tr>
        </table>
        <input type="hidden" id="nA" name="txtna" value="" />
        <input type="hidden" id="nA2" name="txtna2" value="" />
        <input type="hidden" id="nA3" name="txtna3" value="" /> 
        
        <input type="hidden" id="nAb" name="txtnab" value="" />
        <input type="hidden" id="nAb2" name="txtnab2" value="" />
        
        <input type="hidden" id="nE" name="txtne" value="" />
        <input type="hidden" id="nE2" name="txtne2" value="" />
        
        <input type="hidden" id="nEb" name="txtneb" value="" />
        <input type="hidden" id="nEb2" name="txtneb2" value="" />
        <input type="hidden" id="nEb3" name="txtneb3" value="" />
        
        <input type="hidden" id="nB" name="txtnb" value="" />
        <input type="hidden" id="nC" name="txtnc" value="" />
        <input type="hidden" id="nD" name="txtnd" value="" />
        
        <!--Oid de la plantilla-->
        <input type="hidden" id="codplantilla" name="txtcodplantilla" value="" />
        <!--contador-->
        <input type='hidden' name='txtcontador' value="0" id='contador'/>
        <input type='hidden' name='txtcontadorC' value="0" id='contadorC'/>
        <input type='hidden' name='txtcontadorD' value="0" id='contadorD'/>
        <input type='hidden' name='txtcontadorE' value="0" id='contadorE'/>
        <!-- ruta del archivo adjunto -->
        <input type="hidden" id='ruta' name="txtRuta" value="<?php echo$_REQUEST['ruta']; ?>"/>
        <input type="hidden" id='rutaA' name="txtRutaA" value="<?php echo$_REQUEST['rutaA']; ?>"/>
    </body>
</html>